<div class="layout-main">
  <!-- 页面头部布局 -->
<section class="app-header">
  <div class="app-header-inner">
    <div class="top-nav-left">
      <button (click)="sidenav.toggle()" md-button class="md-button">
                <i class="material-icons">menu</i>
      </button>
    </div>
    <div class="brand top-nav-left">
      <h2>酒店统计表格</h2>
    </div>
    <div class="top-nav-right">
      <a href="/admin_user/logout">
        <button md-button class="">
          <span class="">退出</span>
        </button>
      </a>
    </div>
  </div>
</section>
<!--  End of 页面头部布局 -->


<md-sidenav-container class="pc-sidenav-container">
  <!-- 菜单侧栏导航 -->
  <md-sidenav #sidenav opened="true" mode="side">
          <ul>
            <div *ngFor="let nav of routes">
              <li>
              <a routerLink="{{nav.path}}" md-button 
              class="md-button prepend-icon">
              <i class="material-icons nav-icon">{{nav.icon}}</i>
              <span class="nav-text">{{nav.name}}</span>
              </a>
              </li>
            </div>
            <!--带badge数字提示菜单示例-->
            <!--<li><a md-button class="md-button prepend-icon"><i class="material-icons nav-icon">keyboard_arrow_right</i><span class="nav-text">Icons</span><span class="badge badge-pill badge-info">2</span></a></li>
            <li><a md-button class="md-button prepend-icon"><i class="material-icons nav-icon">keyboard_arrow_right</i><span class="nav-text">Components</span><span class="badge badge-pill badge-danger">12</span></a></li>-->
        </ul>

  </md-sidenav>
  <!-- End of 菜单侧栏导航 -->

  <!-- 路由加载区域 -->
  <div class="pc-main-container" style="height: 90%; overflow-x: auto;">
    <router-outlet></router-outlet>
  </div>
  <!-- End of 路由加载区域 -->

  <!-- 页面尾部布局 -->
  <!--<div class="footer">
  </div>-->
  <!-- End of 页面尾部布局 -->
</md-sidenav-container>
<div>

